<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <textarea cols="40" rows="8">用户协议
          就覅哦按实际覅欧吉安而发生讽刺哦请问爱就是讽刺啊是警察上次瓦房缺乏长发少女啊的时间副词放假啊死叉私家车瓦房此服务
          就覅哦按实际覅欧吉安而发生讽刺哦请问爱就是讽刺啊是警察上次瓦房缺乏长发少女啊的时间副词放假啊死叉私家车瓦房此服务
          就覅哦按实际覅欧吉安而发生讽刺哦请问爱就是讽刺啊是警察上次瓦房缺乏长发少女啊的时间副词放假啊死叉私家车瓦房此服务
          就覅哦按实际覅欧吉安而发生讽刺哦请问爱就是讽刺啊是警察上次瓦房缺乏长发少女啊的时间副词放假啊死叉私家车瓦房此服务
        </textarea><br>
        <button>已阅读用户协议<span class="sp">(60)</span></button>
    </div>
    <script>
        const bt=document.querySelector('button')
        const sp=document.querySelector('.sp')
        let mytime=60
        function thetime(){
            mytime--;
            sp.innerHTML=`(${mytime})`
            if(mytime===0){
                clearInterval(thetime)
                bt.innerHTML='同意'
                bt.disabled=false
            }
        }
        setInterval(thetime,1000)
    </script>
</body>
</html>